﻿@{
    Layout = null;
}
<div class="modal fade" id="request-box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Подача заявки на участие в фотосессии</h4>
            </div>
            @using (Html.BeginForm("SendRequest", "Root", FormMethod.Post))
            {
                <div class="modal-body">
                    <div class="request-form">
                        <div>
                            Чтобы принять участие в фотосессии нужно заполнить заявку и отправить её. <br />
                            В анкете обязательно укажите контактные данные, чтобы мы смогли с вами связаться.<br />
                            Все кто заполнит информацию о себе получат ответ в первую очередь. 
                        </div>
                        <br />
                        <div>
                            <div class="form-group">
                                <span class="control-label">Имя<span class="field-validation-error">*</span></span>
                                <input class="form-control"
                                       placeholder="Введите ваше имя"
                                       name="Name"
                                       type="text"
                                       value=""
                                       title="Введите ваше имя"
                                       data-bind="
                                        value: valueName().value,
                                        valueUpdate:'keyup',
                                        css:{
                                            'validation-error': !valueName().isValid(),
                                            'validation-success': valueName().isValid()
                                        }" />
                            </div>
                        </div>
                        <div>
                            <div class="form-group">
                                <span class="control-label">Фамилия<span class="field-validation-error">*</span></span>
                                <input class="form-control"
                                       placeholder="Введите вашу фамилию"
                                       name="Fam"
                                       type="text"
                                       value=""
                                       title="Введите вашу фамилия"
                                       data-bind="
                                        value: valueFam().value,
                                        valueUpdate:'keyup',
                                        css:{
                                            'validation-error': !valueFam().isValid(),
                                            'validation-success': valueFam().isValid()
                                        }" />
                            </div>
                        </div>
                        <div>
                            <div class="form-group">
                                <span class="control-label">Ваши контактные данные (телефон/ссылка на соц. сети)<span class="field-validation-error">*</span></span>
                                <textarea class="form-control"
                                          placeholder="Введите контактные данные"
                                          name="Coordinates"
                                          cols="5" rows="2"
                                          title="Введите ваши контактные данные"
                                          data-bind="
                                        value: valueCoordinates().value,
                                        valueUpdate:'keyup',
                                        css:{
                                            'validation-error': !valueCoordinates().isValid(),
                                            'validation-success': valueCoordinates().isValid()
                                        }"></textarea>
                            </div>
                        </div>
                        <div>
                            <div class="form-group">
                                <span class="control-label">Комментарии (напишите немного о себе, своих интересах, либо образ который вы бы хотели реализовать)</span>
                                <textarea class="form-control" name="Comments" cols="5" rows="2"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer text-center">
                    <button type="submit" class="btn btn-success" id="submit-button"
                            data-bind="css:{'disabled': !isValidForm()}, attr:{'disabled':!isValidForm()}">
                        Отправить заявку
                    </button>
                </div>
            }
        </div>
    </div>
</div>

